<template>
	<div class="left">
		<Message />
		<SocialLinks />
	</div>
</template>

<script setup lang="ts">
import Message from "./components/Message/index.vue";
import SocialLinks from "./components/SocialLinks/index.vue";
</script>

<style lang="scss" scoped>
.left {
	// flex: 1 0 0%;
	width: 50%;
	margin-right: 10px;
	transform: translateY(20px);
	&.hidden {
		display: none;
	}
	@media (max-width: 720px) {
		width: 100%;
		margin-right: 0;
	}
}
</style>
